<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>统计</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/amazeui.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/admin.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/app.css">
</head>
<body>
	<div class="tpl-content-page-title">系统统计</div>
	<ol class="am-breadcrumb">
		<li><a href="#" class="am-icon-home">首页</a></li>
		<li class="am-active">综述</li>
	</ol>
	<div class="row">
		<div class="am-u-lg-3">
			<div class="dashboard-stat blue">
				<div class="visual">
					<i class="am-icon-comments-o"></i>
				</div>
				<div class="details">
					<div class="number">${newEvent }</div>
					<div class="desc">新增事件</div>
				</div>
				<a class="more" href="#"> 查看更多 <i
					class="m-icon-swapright m-icon-white"></i>
				</a>
			</div>
		</div>
		<div class="am-u-lg-3">
			<div class="dashboard-stat red">
				<div class="visual">
					<i class="am-icon-bar-chart-o"></i>
				</div>
				<div class="details">
					<div class="number">${noFinishEvent }</div>
					<div class="desc">未结事件</div>
				</div>
				<a class="more" href="#"> 查看更多 <i
					class="m-icon-swapright m-icon-white"></i>
				</a>
			</div>
		</div>
		<div class="am-u-lg-3">
			<div class="dashboard-stat green">
				<div class="visual">
					<i class="am-icon-angellist"></i>
				</div>
				<div class="details">
					<div class="number">${finishByPolice }</div>
					<div class="desc">寻获成功事件</div>
				</div>
				<a class="more" href="#"> 查看更多 <i
					class="m-icon-swapright m-icon-white"></i>
				</a>
			</div>
		</div>
		<div class="am-u-lg-3">
			<div class="dashboard-stat purple">
				<div class="visual">
					<i class="am-icon-plug"></i>
				</div>
				<div class="details">
					<div class="number">${noFinishByPolice }</div>
					<div class="desc">您新增事件</div>
				</div>
				<a class="more" href="#"> 查看更多 <i
					class="m-icon-swapright m-icon-white"></i>
				</a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="am-u-md-6 row-mb">
			<div class="tpl-portlet">
				<div class="tpl-portlet-title">
					<div class="tpl-caption font-red ">
						<i class="am-icon-bar-chart"></i> <span> 排名</span>
					</div>
				</div>
				<div>
					<table class="am-table tpl-table">
						<thead>
							<tr class="tpl-table-uppercase">
								<th>人员</th>
								<th>负责人员</th>
								<th>编号</th>
								<th>寻获率</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>禁言小张</td>
								<td>王宝强</td>
								<td>B1000</td>
								<td class="font-green bold">36%</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!--一行6格结束 -->

		<div class="am-u-md-6 row-mb">
			<div class="tpl-portlet">
				<div class="tpl-portlet-title">
					<div class="tpl-caption font-green ">
						<i class="am-icon-line-chart"></i> <span>事件管理</span>
					</div>
				</div>
				<div>
					<table class="am-table tpl-table">
						<thead>
							<tr class="tpl-table-uppercase">
								<th>事件编号</th>
								<th>丢失时间</th>
								<th>负责工作人员</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>小张</td>
								<td>2016-12-12 12:17</td>
								<td>刘某</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!-- 一行结束 -->
			</div>
		</div>
		<!--一行6格结束 -->
	</div>
	<!-- 俩表格结束 -->
</body>
</html>